@charset "utf-8";
.w{ width:1200px; margin:0 auto}
.header .logo{ float: left;}
a{ color:#666}
a:hover{ color:#00665A }
.bg1{ background-color: #f7f7f7 }

.header .logo img{ height: 63px; margin-top: 20px; margin-bottom: 20px; }
.nav{ float:right }
.nav .nav_list{  height:50px; margin:20px auto; z-index:9999;}
.nav li{float:left; height:50px; line-height:50px;position:relative; padding:0 10px;}
.nav li.last{background:none;}
.nav li a{float:left; display:block;  padding:0 10px;   border-bottom: 2px solid #fff; height:50px; text-align:center; line-height:50px; font-size:16px;}
.nav li a:hover{ border-bottom: 2px solid #00665A; text-decoration:none; color:#00665A}
.nav li a.active{ border-bottom: 2px solid #00665A; text-decoration:none; color:#00665A}
.nav li.active .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:52px;left:0px;}
.nav li .submenu{ width:500px; padding-top:31px;}
.nav li .submenu{ z-index:9999;}
.nav li .submenu li{float:left; padding:0; background:none;height:30px; line-height:30px;}
.nav li .submenu li a{float:none; padding:0; text-align:center; font-family:"Microsoft YaHei";height:30px;line-height:30px; color:#fff; padding:0 20px; font-size:14px; border:0}
.nav li .submenu li a:hover{background:#01949b;font-weight:normal; color:#fff; text-decoration:none;}

.navbg{ background-color:#007b81; height:30px;}
/* flexslider */

.box1{ padding:50px 0; }
.box1 .fl{ width: 460px; }
.box1 .fl p{ text-align: center; margin:10px; }
.box1 .fr{ width: 700px; }
.box1 .fr h3{color:#007b81; font-size: 36px; display: block; line-height: 140px; text-align: center;}
.box1 .fr ul li{ float: left; width: 33%; text-align: center }
.box1 .fr ul li img{ height: 59px; }
.box1 .fr ul li span{ color:#666; display: block; margin-top:5px;}

.box2{ background:url(../images/centerbg.jpg) center center no-repeat; height: 200px; width: 100% }
.box2 .fl{ width: 60%; }
.box2 .fl h3{color: rgb(33, 33, 33); font-size: 24px; display: block; margin-top: 50px;}
.box2 .fl p{ font-size: 14px; margin-top: 20px; }
.box2 .fr{ text-align: center; width: 30%; }
.box2 .fr a{border-radius: 25px; color: #212121; background: #fff; width: 165px; line-height: 50px; text-align: center; display: block; font-size: 20px; margin-top: 75px;}

.box3{ padding-bottom: 100px; }
.box3 h3{color:#007b81; font-size: 36px; display: block; line-height: 50px; padding:50px; text-align: center;}
.box3 ul li{ float: left; width: 16.666666%; text-align: center }
.box3 ul li img{ height: 80px; }
.box3 ul li span{ color:#666; display: block;  margin-top:5px;}

.box4{ background: url(../images/box4_bg.jpg) center center no-repeat; height: 573px; }
.box4 ul{ width: 80%; margin:0 auto; }
.box4 li{ text-align: center; width: 33.333333%; float: left; }

.box5{}
.box5_con{ position: relative; background: url(../images/yuan.png) center top no-repeat; height: 650px;}
.box5_con .ico1{background: #3bd1da; width: 30px; height: 30px; border-radius:15px; top:35px; left: 435px; position: absolute; }
.box5_con .ico2{background: #ffcd48; width: 30px; height: 30px; border-radius:15px; top:35px; right: 435px; position: absolute; }
.box5_con .ico3{background: #3bda82; width: 30px; height: 30px; border-radius:15px; top:250px; left: 335px; position: absolute; }
.box5_con .ico4{background: #e9a685; width: 30px; height: 30px; border-radius:15px; top:250px; right: 335px; position: absolute; }
.box5_con .ico5{background: #afda3b; width: 30px; height: 30px; border-radius:15px; top:430px; left: 435px; position: absolute; }
.box5_con .ico6{background: #3bd1da; width: 30px; height: 30px; border-radius:15px; top:430px; right: 435px; position: absolute; }

.box5_wz{width: 290px; position:absolute;}
.box5_wz h3{color: rgb(51, 51, 51); font-size: 24px;}
.box5_wz p{line-height: 18px; color: rgb(169, 169, 169); margin-top: 10px; }

.wz1{ left:125px; top:-40px;  text-align: right; }
.wz2{ right:125px; top:-40px;  text-align: left; }
.wz3{ left:35px; top:190px;  text-align: right; }
.wz4{ right:35px; top:190px;  text-align: left; }
.wz5{ left:125px; top:420px;  text-align: right; }
.wz6{ right:125px; top:420px;  text-align: left; }

.box6{ padding: 45px 0; }
.box6 h3{font-size: 36px; color:#333333;  text-align: center; display: block;}
.box6 p{color: rgb(169, 169, 169); font-size: 14px; text-align: center; margin-top: 10px;}
.box6 ul{ background-color: #fff; margin-top: 45px; }
.box6 ul li{ width: 23%; float: left; padding:20px 1%; }
.box6 ul li a{display: block; width: 100%;}
.box6 ul li a img{width: 100%;}
.box6 ul li h4{ display: block; line-height: 50px; font-size: 20px; color: #333; text-align:center; }
.box6 ul li span{line-height: 24px; font-size: 14px; color: #999; text-align:center; display:block}

.box7{ padding-top: 40px; }
.box7 h2{font-size: 36px; color:#333333;  text-align: center; display: block; height: 100px;}
.contact_bg{ background: url(../images/contact_bg.jpg) center center; height: 560px;  }

.contact{ width: 50%; float: right; }
.contact_con{padding:100px 50px 0 100px; }
.contact_con h3{font-size: 38px; color: #fff}
.contact_con h4{font-size: 38px; color: #fff}
.contact_con p{color:#fff; font-size: 14px; margin-top: 20px;}
.contact_con a{border-radius: 25px; color: #212121; background: #fff; width: 165px; line-height: 50px; text-align: center; display: block; font-size: 20px; margin-top: 75px;}

.box8 dl{ overflow: hidden; border-bottom: 1px dashed #e5e5e5; margin-bottom: 28px; padding-bottom: 28px; }
.box8 dl dt{ width: 90%; float: left; }
.box8 dl dt a h3{ color: #666; font-size: 16px; line-height: 50px; }
.box8 dl dt p{ color: #999; }
.box8 dl dd{ width: 10%; float: right; font-size: 16px;}

.box8 h2{font-size: 36px; color:#333333;  text-align: center; display: block; line-height: 100px;}

.q_link h3{ display: block; line-height: 50px; font-size: 16px; color: #666; border-bottom: 1px solid #ddd; }
.q_linkcon{ padding:10px 0; }
.q_linkcon a{ margin-right: 20px; line-height: 27px; color: #666 }

.footer{ background-color: #1b252e; border-top: 2px solid #00665A; padding:20px 0; }
.footer_nav{ overflow: hidden; padding-bottom: 20px;}
.footer_nav li{ float: left; line-height: 27px; margin-right: 100px; }
.footer_nav li ul li{ float: none;  margin-right: 0px;  }
.footer_nav li a{color: #8b939d;}
.footer_copyright{ padding:10px 0; border-top: 1px solid #313a43; color: #8b939d; line-height: 30px; }

.footer li h3{color: #8b939d; font-size:16px;} 
.footer li .f1{ background:url(../images/w1.png) left center no-repeat; padding-left:50px; line-height: 20px; margin-bottom:10px;}
.footer li .f2{ background:url(../images/w2.png) left center no-repeat; padding-left:50px; line-height: 20px; margin-bottom:10px;}
.footer li .f3{ background:url(../images/w3.png) left center no-repeat; padding-left:50px; line-height: 20px; margin-bottom:10px;}

.footer_nav .fr span{ display:block; line-height:30px; color: #8b939d;}

.s_banner1{ height: 300px; }
.main{ padding:50px 0;  }
.main .w{ background: url(../images/mbg.jpg) repeat-y; }
.m_left{ float: left; width: 225px;}
.m_left li a{ line-height: 60px; display: block; color: #666; text-align: center; font-size: 16px; border-bottom: 1px solid #fff }
.m_left li a:hover{ background-color: #00665A; color: #fff; padding:20px 0; -webkit-transition: all .3s; transition: all .3s;}
.m_left li a.cur{background-color: #00665A; color: #fff; padding:20px 0;}

.m_right{ float: right; width: 930px; min-height: 500px; }
.newslist ul{ margin-left:-8px; }
.newslist li{ font-size: 14px; margin-top: 10px; margin-bottom:30px; }
.newslist li a span{ display:inline-block; background-color: #bababa; width: 12px; height: 12px; border-radius:8px; border:2px solid #f4f4f4; margin-right: 10px; }
.newslist li div{ margin-left: 25px; margin-top: 10px; color: #999 }

.newscon{ margin-bottom:30px;}
.newscon h1{display: block; text-align: center; line-height: 40px; padding:20px 0;   font-size: 30px;   font-weight: bold;  color: #333;   text-align: center;}
.line1 {
    border: 1px solid #f0efef;
    border-bottom: none;
    margin: 20px 0;
}
.newscon .other{ text-align: right; }
.con{ margin-top: 20px; font-size: 16px; line-height:1.7em; color: #666 }

 .line2 {
    border: 1px dashed #f0efef;
    border-bottom: none;
    margin: 20px 0;
}

.news_next div{ line-height: 30px; font-size: 14px;  }

.about{ padding-left:50px; }
.about h1{display: block; text-align: center; line-height: 40px; padding:20px 0;   font-size: 30px;   font-weight: bold;  color: #333;   text-align: center;}

.piclist{ padding-left:50px;}
.piclist li{ float: left; width: 30%; margin-right: 3%; margin-bottom:30px;  }
.piclist li a img{ width: 100%; height: 165px; }
.piclist li a{ display: block;    -webkit-box-shadow: 0 0 10px #ddd;
    box-shadow: 0 0 10px #ddd;
    padding: 5px;
}
.piclist li a span{ font-size: 14px; text-align: center; display: block; line-height: 30px; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; }

/* play */
#play{width:980px;text-align:center;position:relative;overflow:hidden;margin:5px auto;}
#play .change_a{width:50%;height:100%;position:absolute;top:0;z-index:1;cursor:pointer;display:block;overflow:hidden;background:url(about:blank);}
#play .prev_a{left:0;}
#play .next_a{right:0}
#play .change_a span{width:24px;height:43px;display:block;position:absolute;top:50%;margin-top:-21px;display:none;}
#play .prev_a span{background:url(../images/s_gallery_2012110702.png) no-repeat 0px -50px;left:0;}
#play .next_a span{background:url(../images/s_gallery_2012110702.png) no-repeat -30px -50px;right:0;}
#play .img_ul{position:relative;z-index:1;}
.img_hd {width:980px; overflow:hidden;height:86px; margin:50px auto;position:relative;}
.img_hd ul{position:absolute;z-index:1}
.img_hd ul li{float:left; height:80px; cursor:pointer;margin:0 5px 0 5px;overflow:hidden;*display:inline; text-align:center}
.img_hd ul li img{height:80px;}
.img_hd ul li.on{border-color:rgb(45, 150, 233);}
.img_hd .bottom_a{background:url(../images/s_gallery_2012110702.png) no-repeat;width:22px;height:22px;position:absolute;display:block;top:50%;margin-top:-11px;cursor:pointer;z-index:10}
.img_hd .prev_a{background-position:0 -24px;left:5px;}
.img_hd .next_a{background-position:-30px -24px;right:5px;}


.prolist{ padding-left:50px;}
.prolist li{ float: left; width: 30%; margin-right: 3%; margin-bottom:30px;  }
.prolist li a img{ width: 100%; height: 280px; border: 1px solid #ddd;}
.prolist li a{ display: block;
}
.prolist li a span{ font-size: 14px; text-align: center; display: block; line-height: 30px; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; }

.prodesc{ margin:30px 0; }
.prodesc .fl{ width: 500px;  }
.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ background:url(../images/loading.gif) no-repeat center center;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:500px;height:500px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:500px;height:500px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:502;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:472px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.prodesc .fr{width: 650px;}
.prodesc .fr h2{    font-weight: 400; display: block;
    color: #585858;
    margin: 0;
    font-size: 20px;
    text-align: left;
    word-break: break-word;}
 .price{ margin-top: 20px; }
 .price span{ font-family: Arial; font-weight: 700; font-size: 36px;     color: #00665A; line-height: 60px; }


.procon .tit{ border: 1px solid  #f0efef}
.procon .tit h3{border-top:3px solid #ff0000; font-size: 16px; display: block; color: #ff0000; border-right: 1px solid #f0efef; line-height: 50px; text-align: center; width: 150px; }





.wide{ width: 1200px; margin: 0 auto; }
.wide:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.inews{padding:4% 0;}
.inews .first{float:left; width:46%; } 
.inews .first em{ display:block; height:259px; overflow:hidden;  } 
.inews .first em img{ display:block; width:100%; } 
.inews .first div{ padding:2% 4% 4% 4%; background:#ababab; color:#fff;} 
.inews .first div p{ line-height:1.6em; font-size:12px; }
.inews .first div a{display:block;color:#fff;}	
.inews .first div strong{ display:block; font-size:18px; padding:1% 0; } 

.inews ul{list-style:none; margin:0 0 0 50%; }
.inews ul li{ overflow: hidden;  margin: 16px 0;background:#fff; padding-right:20px;}
.inews ul li strong{ font-size:16px;display:block; padding:1% 0; }
.inews ul li p{color:#818181; font-size:12px; line-height:1.6em; }
.inews ul li span{display:block; float:left; width: 80px; height: 56px;padding:12px 0;margin-right:15px; text-align:center; background:#ababab; color: #fff;}
.inews ul li span em{display:block; font-size: 30px; line-height:1em; font-style:normal;}
.inews ul li:hover{ }
.inews ul li:hover a{color: #007b81;}
.inews ul li:hover span{ background:#007b81; }
.imore{width:220px;height:46px;margin:3% auto 0 auto;text-align:center; border-radius:45px;background:#007b81; }
.imore a{display:inline-block;color: #fff;font-size:16px; line-height:46px;  transition: ease .4s;	}
.imore a:after{ content:" +"; 	}

.contactsd {color: #8b939d;}
.contactsd p{line-height: 26px;}


.newslist {width: 100%; margin: 20px auto;}
.newslist .newstitem:hover {background: #fff;box-shadow: 0 6px 16px rgba(43, 43, 43, 0.2);}
.newslist .newstitem {width: 100%;margin: 0 0 50px 0;height: 200px; border: 1px solid #f5f5f5;border-radius: 8px; position: relative;transition: all 0.6s ease 0s;float: left;}
.newslist .newstitem.left a.newscontent{ padding: 0; position: relative;height: 200px;text-align: left;display: block;margin: 0;width: 100%;}
.newslist .newstitem a {transition: all 0.6s ease 0s;z-index: 5;}
.newslist .newstitem.left .news_wrapper {float: left;right: 40px;width: 460px;margin-left: 340px;margin-top: 20px;transition: all 0.6s ease 0s;height: 200px;background: none;}
.newslist .newsbody { max-width: 100%; display: inline-block;vertical-align: middle;width: 330px;}
.newslist .newsbody p.date {font-family: "HELVETICANEUELTPRO-THEX", Arial;height: 30px;font-weight: 300;position: absolute;width: auto;text-align: right;right: 0;top: 16px;color: #999;font-size: 12px;margin-bottom: 10px;}
.newslist .newstitem .year {color: #2b2b2b;font-size: 24px;float: right;display: block;white-space: nowrap;margin-right: 40px;margin-top: 24px;}
.newslist .newsbody .title{transition: all 0.6s ease 0s;margin-top: 12px;padding-bottom: 0px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 0 50px 0;font-size: 16px; height: 20px;line-height: 20px;}
.newslist .newstitem:hover p.title {color: #007b81;}
.newslist .newstitem:hover .description {color: #777;}
.newslist .newsbody .description {transition: all 0.6s ease 0s;margin-top: 20px;width: 48%;font-size: 13px; color: #777;text-align: left;height: 50px; overflow: hidden;line-height: 26px;position: absolute;top: 70px;}
.newslist .newstitem.left .newsimg {float: left;left: 20px;top: 20px;width: 280px;height: 160px;right: 0;position: absolute; bottom: 0;background-position: center; background-size: cover;}
.newslist .newstitem:hover a.details {opacity: 1;right: 20px;}
.newslist .newstitem a.details {display: block;position: absolute; z-index: 20;top: 76px;width: 38px;height: 38px;margin: 0px;line-height: 21px; text-indent: 55px; overflow: hidden;border: none;right: 80px;color: rgba(204, 204, 204, 0);font-size: 14px;transition: all 0.3s ease 0s;z-index: 5;background: #007b81;border-radius: 30px;opacity: 0;margin-right: 20px;margin-top: 30px;}
.newslist .newstitem a.details::before {content: "";display: block;width: 13px;height: 1px;text-indent: 0px;position: absolute;top: 50%;line-height: 42px;background: #fff;left: 50%;margin-left: -6px;}
.newslist .newstitem a.details::after {content: "";display: block;width: 1px;height: 13px;text-indent: 0px;position: absolute;top: 13px;line-height: 42px;background: #fff;left: 50%;}

.projectlist .content_list{display: flex; flex-wrap: wrap;}
.projectlist .projectitem {margin-bottom: 40px;background-color: #fff;width: 32%;height: auto; margin-right: 2%;float: left;position: relative; box-shadow: 0 0px 12px rgba(43, 43, 43, 0.1);}
.projectlist .projectitem:nth-child(3n){margin-right: 0;}
.projectlist .projectitem a {display: block;overflow: hidden;}
.projectlist .projectitem .project_img {padding-top: 100%; position: relative;display: block; overflow: hidden;}
.projectlist .projectitem .project_img img{height: auto;overflow: hidden;position: absolute;top: 0;left: 0;vertical-align: top;max-width: 100%;border: none;}
.projectlist .projectitem a:hover img {transform: scale(1.2, 1.2);}
.projectlist .projectitem a img {float: none;width: 100%;height: auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.projectlist .projectitem a .project_info {position: relative;top: auto;left: auto;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);transition: all ease-out 0.3s;}
.projectlist .projectitem a .project_info div {position: relative;bottom: 0px;z-index: 2;height: 80px;width: 100%;margin-top: 0;top: auto; background-color: #fff;transition: all 0.3s ease-out 0s;}
.projectlist .projectitem a .project_info p {text-align: center;color: #fff;padding: 0 20px;}
.projectlist .projectitem a .project_info p.title {margin: 0 60px 0 20px;color: #565656; padding: 18px 0px 5px;text-align: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 16px;transition: all ease-out 0.3s;}
.projectlist .projectitem a .project_info p.subtitle { margin-top: 0;color: #929292;text-align: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0 60px 0 20px;font-size: 12px;transition: all ease-out 0.3s;}
.projectlist .projectitem a .project_info::after {width: 0%;height: 1px;position: absolute;content: "";top: 100%;left: 0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-color: #ff072a;}
.projectlist .projectitem a::after {content: '';width: 40px;height: 40px;line-height: 40px;background: url(../images/soso-ico.png);margin: 0 auto;margin-left: -20px;margin-top: 0px;display: inline-block;position: absolute;top: 0%;left: 50%;z-index: 10;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.projectlist .projectitem:hover a::after {margin-left: -20px;margin-top: -20px;top: 50%;opacity: 1;}

.contentcon h3{ margin:0 0 20px; padding:0; color:#333; font-size:24px; font-weight:300; line-height:1em; text-align: center; }
.contentcon h6{margin:0 0 20px; padding:0; font-size: 12px;color:#757575;   text-align: center;}
.contentcon .note{ margin-top:10px; padding:15px 20px; background:#f5f5f5; line-height:22px; color:#757575; font-size:12px; }

.contentcon .next-box p{margin-top:10px; padding:4px 20px; background:#f5f5f5; line-height:22px; color:#757575; font-size:12px;}
.contentcon .proimg{ text-align: center;}

.slider{}
	.rslides { position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0; margin: 0; }
	.rslides li { position: absolute;  display: none;  width: 100%;  left: 0;  top: 0; z-index:0; }
	.rslides li:first-child { position: relative;  display: block;  float: left; }
	.rslides img { display: block;  height: auto; width: 100%;  border: 0;z-index:0; } 
	.rslides { margin: 0 auto;  }
	.rslides_container {  position: relative;  }
	.centered-btns_tabs { position: absolute;  width:100%; bottom:3%; text-align: center; z-index:2; }
	.centered-btns_tabs li{display: inline; float: none; _float: left; *float: left;margin: 0 5px;  }
	.centered-btns_tabs a{background:#fff;width:20px; height:5px; text-indent: -9999px; overflow: hidden; display: inline-block; _display: block; *display: block; }
	.centered-btns_here a{ background: #ed6d00; }
	.centered-btns_nav { z-index:9999; position: absolute; top: 50%; left: 5%; text-indent: -9999px; overflow: hidden;height: 61px; width: 38px; background: rgba(0,0,0,0.5) url("../images/themes.png") no-repeat left top; margin-top: -30px; }
	.centered-btns_nav:active { }
	.centered-btns_nav.next { left: auto; background-position: right top; right: 5%; }


@media only screen and (max-width:1000px) {
    .w{ width: 99%; }
    .wide{width:98%;overflow:hidden; }
    .inews .first{width:auto; float: none; margin:1% 0; } 
    .inews ul{ margin:0; }
    .header .logo img{height: 58px;}
    .box1 .fr{width: 46%;}
    .m_left{width: 20%;}
    .m_right{width: 73%;}
}